<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/Search_results.css">
    <link rel="stylesheet" href="./css/公共头尾部.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <ul class="topul">
            <a href=""><li>欢迎来到丝芙兰</li></a>
            <a href="javascript:void(0)" class="zz"><li> 请登录</li></a>
            <a href="javascript:void(0)"><li> 免费注册</li></a>
            <a href=""><li> 手机验证码登录</li></a>
            <a href="" class="aa"><li> 常见问题</li></a>
            <a href="" class="a1"><img src="./img/t1.png" alt="">&nbsp;<li> 我的丝芙兰</li></a>
            <a href="" class="a1"><img src="https://ssl1.sephorastatic.cn/soa/pc/images/vip-club.png" alt="">&nbsp;<li> 会员俱乐部</li></a>
            <a href="" class="a1"><img src="https://ssl1.sephorastatic.cn/soa/pc/images/mobile-sephora.png" alt="">&nbsp;<li> 手机丝芙兰</li></a>
            <a href=""><li> 帮助中心</li></a>
            <a href=""><li> 品牌合作</li></a>
        </ul>
    </header>
    <!-- 头部搜索栏 -->
    <section>
        <a href="http://localhost:65535/sifulan.html"><h2> SEPHORA</h2></a>

        <div class="box1">
            <input type="text" name="" id="text" placeholder="轻熟肌抗氧精华">
            <ul class="search_result_list">

            </ul>
            <input type="submit" value="搜索"id="text1" >
            <ul id="pvp">
                <li><a href="">丝芙兰品牌大牌周</a></li>
                <li><a href="">养肤补水面膜</a></li>
                <li><a href="">轻熟肌抗氧精华</a></li>
                <li><a href="">防晒隔离必备</a></li>
                <li><a href="">畅销底妆合辑</a></li>
                <li><a href="">清爽元气香氛</a></li>
                <li><a href="">个护好物盘点</a></li>
            </ul>
        </div>
        <div class="box2">
            <a href="http://localhost:65535/www/gwc.html"><img src="./img/t2.png" alt=""><p>购物车<em>0</em>件</p></a>
        </div>
    </section>




    <!-- nav -->
    <div class="nav">
        <div class="nav_left"><a href="http://localhost:3000/index" class="index">首页</a>&gt;<a href="javascript:viod(0)" class='search_result'>搜索结果</a></div>
        <span>共32件商品</span>
    </div>
    <!-- brand -->
    <div class="brand">
        <div class="brand_title">
            品牌
        </div>
        <div class="brand_imgbox">
            <img src="https://ssl2.sephorastatic.cn/wcsfrontend/brand/algenist/algenist_144X60.png" alt="">
            <a href="javascript:void(0)">ALGENIST</a>
        </div>
    </div>
    <!-- filter -->
    <div class="filter">
        <div class="line_one line">
            <span class="title">分类</span>
            <div class="options">
                <span class="option"><i>护肤</i></span><span class="option"><i>彩妆</i></span><span class="option"><i>洗浴护体</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_two line">
            <span class="title">适用人群</span>
            <div class="options">
                <span class="option"><i>女士</i></span><span class="option"><i>通用</i></span><span class="option"><i>男士</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_three line">
            <span class="title">适用部位</span>
            <div class="options">
                <span class="option"><i>面部</i></span><span class="option"><i>身体</i></span><span class="option"><i>眼部</i></span><span class="option"><i>唇部</i></span><span class="option"><i>手部</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_four line">
            <span class="title">功效</span>
            <div class="options">
                <span class="option"><i>保湿补水</i></span><span class="option"><i>淡化细纹</i></span><span class="option"><i>清洁</i></span><span class="option"><i>提亮肤色</i></span><span class="option"><i>提拉紧致</i></span><span class="option"><i>细致毛孔</i></span><span class="option"><i>抗皱</i></span><span class="option"><i>晒后修护</i></span><span class="option"><i>改善眼部皮肤</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
                <div class="more">
                    更多
                </div>
                <div class="pack_up">
                    收起
                </div>
            </div>
        </div>
        <div class="line_five line">
            <span class="title">价格</span>
            <div class="options">
                <span class="option"><i>101-300元</i></span><span class="option"><i>301-600元</i></span><span class="option"><i>601-900元</i></span><span class="option"><i>901元以上</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_six line">
            <span class="title">适合肤质</span>
            <div class="options">
                <span class="option"><i>各种肤质</i></span><span class="option"><i>混合性</i></span><span class="option"><i>干性</i></span><span class="option"><i>油性</i></span><span class="option"><i>敏感性</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_seven line">
            <span class="title">质地</span>
            <div class="options">
                <span class="option"><i>霜状</i></span><span class="option"><i>乳液</i></span><span class="option"><i>啫喱</i></span><span class="option"><i>水液</i></span><span class="option"><i>油质</i></span><span class="option"><i>喷雾</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_eight line">
            <span class="title">防晒指数范围</span>
            <div class="options">
                <span class="option"><i>无防晒指数</i></span><span class="option"><i>SPF≤15</i></span><span class="option"><i>SPF>50</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_nine line">
            <span class="title">遮盖力</span>
            <div class="options">
                <span class="option"><i>轻度</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
        <div class="line_ten line">
            <span class="title">颜色</span>
            <div class="options">
                <span class="option"><i>透明</i></span>
            </div>
            <div class="line_right">
                <div class="multiple_choice">
                    <span class="plus">+</span>
                    <span class="plus">+</span>
                    <span>多选</span>
                </div>
            </div>
        </div>
    </div>
    <p class="filter_more">
        更多选项
    </p>
    <!-- sort_way -->
    <div class="sort">
        <div class="sort_left">
            <span class="sort_way1">
                <span>综合</span><em></em><i></i>
            </span>
            <span class="sort_way2">
                <span>销量</span><em></em><i></i>
            </span>
            <span class="sort_way3">
                <span>新品</span><em></em><i></i>
            </span>
            <span class="sort_way4">
                <span>人气</span><em></em><i></i>
            </span>
            <span class="sort_way5">
                <span>价格</span><em></em><i></i>
            </span>
        </div>
        <div class="sort_mid">
            <span></span>
            <span>仅看有货</span>
        </div>
        <div class="sort_right">
            <span>1</span>
            <span>/</span>
            <span>2</span>
            <span></span>
            <span class="highlight"></span>
        </div>
    </div>
    <!-- list_of_goods -->
    <div class="list_of_goods">
        <ul>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">黑金专享|奥杰尼赋活胶原蛋白凝露30ML惠选套装</div>
                <div class="price">￥880.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白凝露</div>
                <div class="price">￥880.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白凝露尊享礼盒</div>
                <div class="price">￥880.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼藻寡糖类肌肤卫士精华液</div>
                <div class="price">￥750.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白身体乳</div>
                <div class="price">￥458.00</div>
            </li>
        </ul>
        <ul>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活多重青春修护乳</div>
                <div class="price">￥820.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼紧颜提升视黄醇精华液</div>
                <div class="price">￥750.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼紧颜提升塑颜霜</div>
                <div class="price">￥720.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼活颜净衡面膜</div>
                <div class="price">￥340.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼新生保湿滋润霜</div>
                <div class="price">￥660.00~￥1140.00</div>
            </li>
        </ul>
        <ul>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白护手霜</div>
                <div class="price">￥290.00~￥748.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼紧颜提升塑颜眼霜</div>
                <div class="price">￥520.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼新生保湿眼霜</div>
                <div class="price">￥480.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼三重藻力焕新保湿眼霜 15ml</div>
                <div class="price">￥480.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼活颜净衡清透防晒霜SPF15</div>
                <div class="price">￥300.00</div>
            </li>
        </ul>
        <ul>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼新生轻盈防晒液 SPF50+ PA+++</div>
                <div class="price">￥290.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼新赋活多重青春修护两用洗面奶</div>
                <div class="price">￥290.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        立即购买
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼水漾精粹保湿液</div>
                <div class="price">￥185.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼新赋活多重青春修护面霜</div>
                <div class="price">￥820.00</div>
                <!-- <button class="add_cart"></button> -->
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白凝露奢华限量版</div>
                <div class="price">￥1100.00</div>
            </li>
        </ul>
        <ul>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活双重青春修护维生素C精华露</div>
                <div class="price">￥595.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活多重青春修护面霜</div>
                <div class="price">￥574.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span></span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白润唇凝露</div>
                <div class="price">￥315.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span>独家</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活多重青春修护眼霜</div>
                <div class="price">￥550.00</div>
            </li>
            <li>
                <a href="javascript:void(0)">
                    <span>
                        暂无库存
                    </span>                    
                </a>
                <div class="icon">
                    <span>尊享</span>
                </div>
                <div class="brand_name">ALGENIST</div>
                <div class="goods_name">奥杰尼赋活胶原蛋白舒缓乳</div>
                <div class="price">￥500.00</div>
            </li>
        </ul>
    </div>
    
    <!-- pager -->
    <div class="pager">
        <div class="pager_con">
            <a href="javascript:void(0)" class="page_prev">&lt; 上一页</a>
            <div class="page_list">
                <a href="javascript:void(0)" class="page_one">1</a>
                <a href="javascript:void(0)" class="page_two">2</a>
            </div>
            <a href="javascript:void(0)" class="page_next">下一页 &gt;</a>
            <span class="go_page">
                到第<input type="text">页<button>确定</button>
            </span>
        </div>
    </div>






    <!-- foodtop -->
    <div class="foodtop">
        <div class="yilou">
            <div class="yilou1"></><img src="./img/b2 (1).png" alt="">
            <p><b>顺丰ems速达</b></p>
            </div>
            <div class="yilou1"></><img src="./img/b2 (2).png" alt="">
            <p><b>丰富礼赠</b></p>
            </div>
            <div class="yilou1"></><img src="./img/b2 (3).png" alt="">
            <p><b>100%正品</b></p>
            </div>
            <div class="yilou1"></><img src="./img/b2 (4).png" alt="">
            <p><b>无障碍退款</b></p>
            </div>
            <div class="yilou1"></><img src="./img/b2 (5).png" alt="">
            <p><b>安全支付</b></p>
            </div>
        </div><hr>
        <br>
        <br>
        <br>
        <br>
        <div class="cc">
                <ul class="xoxo">
                    <li class="xoxo1"><a href="">购物流程</a></li>
                    <li  class="bb1" ><a>大宗团购/采购</a></li>
                    <li class="bb1" ><a>丝芙兰预付卡章程</a></li>
                </ul> 
                <ul class="xoxo">
                    <li class="xoxo1"><a href="">支付/配送</a></li>
                    <li class="bb1" ><a>在线支付</a></li>
                    <li class="bb1" ><a>配送时间</a></li>
                </ul> 
                <ul class="xoxo">
                    <li class="xoxo1"><a href="">售后服务</a></li>
                    <li class="bb1" ><a>退换货规定</a></li>
                    <li class="bb1" ><a>退款及退货说明</a></li>
                </ul> 
                <ul class="xoxo">
                    <li class="xoxo1"><a href="">关于丝芙兰</a></li>
                    <li class="bb1" ><a>联系我们</a></li>
                    <li class="bb1" ><a>品牌合作/Baand collll</a></li>
                    <li class="bb1" ><a>营私</a></li>
                </ul> 
                <ul class="xoxo">
                    <li class="xoxo1"><a href="">购物流程</a></li>
                    <li class="bb1" ><a>大宗团购/采购</a></li>
                    <li class="bb1" ><a>卡兹男</a></li>
                </ul> 
                <ul class="xoxo">
                    <li class="xoxo1"><a href="">购物流程</a></li>
                    
                </ul> 
                <ul class="lastul">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </ul>   
        </div>
    </div>




    <!-- footer -->
    <footer>
        <ul>
            <a href=""><img src="./img/t3.jpg" alt=""><p class="p1">沪公网安备 31010602003121号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ICP备案序号:沪ICP备05026645号-1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;食品经营许可证&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网站使用条款&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;严正声明</p></a><br>
            <a href=""><p class="p2"> &nbsp;&nbsp;&nbsp;本网站隶属于丝芙兰（上海）化妆品销售有限公司（企业法人营业执照）预付卡信息对接唯一标识 : 310101F5201530100309</p></a>
        </ul>
    </footer>




    <!-- test -->
    <!-- <p class="test"></p> -->

    <script src="./js/公共头尾部.js"></script>
    <script src="./js/Search_results.js"></script>
</body>
</html>